<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Extremely high traffic - 502</title>
</head>
<body>
	<style type="text/css">
		html body { 
		   font-family:Trebuchet MS, Helvetica, sans-serif;
		   font-size:13px;
		   line-height: 1.56em;
		   color:#111;
		   margin: 0px;
		   padding: 0px;
		   z-index:0;
		}
		a { color: #000; }
		a:hover {
			background-color: #000;
			color: #fff;
			text-decoration: none;
		} 
	    .page {
		    position: relative;
		    margin: 20px auto;
		    width: 500px;
		    padding: 20px;
	    }	
	</style>
	<div class="page">
	<div class="logo"></div>
	<h1>We'll be back shortly</h1>
	<p>Our servers are over capacity as we're currently experiencing extremely heavy load. <br/>
	   We're incredibly sorry for the inconvenience. Please try again in a few minutes.</p>
	<a href="./">Back to main page</a>
	</div>
</body></html>